<!DOCTYPE html>
<html ng-app="projectRtc">
  <head>
    <title>智能终端视频会议</title>
    <base href="/" />
    <link rel='stylesheet' href='/stylesheets/call.css' />
    <script type="text/javascript" src="/socket.io/socket.io.js"></script>
    <script type="text/javascript" src="javascripts/adapter.js"></script>
    <script type="text/javascript" src="javascripts/rtcClient.js"></script>
    <script type="text/javascript" src="javascripts/jquery-1.8.3.js"></script>
    <script type="text/javascript" src="javascripts/jquery-ui.min.js"></script>
    <script type="text/javascript" src="javascripts/angular-1.3.15/angular.min.js"></script>
    <script type="text/javascript" src="javascripts/app.js"></script>
  </head>
  <body>
    <div id="main">
      <div id="remoteBox"  ng-controller="RemoteStreamsController as rtc">
        <div id="remoteVideosContainer">
        </div>
      </div>
      <div id="localBox" class="draggable" ng-controller="LocalStreamController as localStream">
      <video id="localVideo" muted="muted" autoplay="true"></video>
    </div>
    <div id="sourceOption">
      <div id="sourceVideo" target="sourceVideoList" title="切换视频源" class="source-box"></div>
      <div id="sourceAudio" target="sourceAudioList" title="切换声音源" class="source-box"></div>
    </div>
  </div>
  <div id="sourceVideoList" class="source-list">
  </div>
  <div id="sourceAudioList" class="source-list">
  </div>
</body>
<script>
var box = $('#localBox');
box.resizable({
    aspectRatio: true,
    handles: 'ne, se, sw, nw'
});
box.draggable();
</script>
</html>